<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"  %>
<%@taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<p class="form-title">ajouter nouveau trajet</p>
<html:javascript formName = "ajoutForm"/>
<div id="content-form">
	<html:form action="/ajoutAction" onsubmit="return validateAjoutForm(this)">			
		<script type="text/javascript">
			$(function() {
				$( "#date-sr" ).datepicker({
					showOn: "button",
					buttonImage: "images/icons/icon_cal.jpg",
					buttonImageOnly: true,
					dateFormat: "dd/mm/yy"
				});
			});
		</script>
		<div class="conteneur">
		<div style="color:red" align="left">
      			<html:errors  property="date"/>
			</div>
			<label for="depart"><span class="label2"><bean:message key="ajout.date"/> </span></label>
			<html:text name="ajoutForm" property="date" styleId="date-sr" styleClass="champ-texte track-date" errorStyle="border-color: red;"></html:text>
		</div>
		<div class="conteneur">
		<div style="color:red" align="left">
      			<html:errors  property="heure"/>
			</div>
			<label for="houre"><span class="label2"><bean:message key="ajout.heure"/> </span></label>
			<html:text name="ajoutForm" property="heure" styleId="houre" styleClass="champ-texte houre" errorStyle="border-color: red;"></html:text>
		</div>
		<div class="conteneur">
		<div style="color:red" align="left">
      			<html:errors  property="prixPlace"/>
			</div>
			<label for="price"><span class="label2"><bean:message key="ajout.prixPlace"/></span></label>
			<html:text name="ajoutForm" property="prixPlace" styleId="price" styleClass="champ-texte price" errorStyle="border-color: red;"></html:text>
		</div>
		<div class="conteneur">
		<div style="color:red" align="left">
      			<html:errors  property="nbrPlaces"/>
			</div>
			<label for="nb-site"><span class="label2"><bean:message key="ajout.nbrPlaces"/></span></label>
			<html:text name="ajoutForm" property="nbrPlaces" styleId="nb-site" styleClass="champ-texte nb-site" errorStyle="border-color: red;"></html:text>
		</div>
		
       	<div id="add-villes">
       		<h2><bean:message key="ajout.ville"/></h2>
        	<div class="conteneur">
        	<div style="color:red" align="left">
      			<html:errors  property="villeDepart"/>
			</div>
		    	<label for="depart"><span class="label2"><bean:message key="ajout.villeDepart"/></span></label>
			<html:text name="ajoutForm" property="villeDepart" styleClass="champ-texte" errorStyle="border-color: red;"></html:text>
			</div>
			<div class="conteneur">
			<div style="color:red" align="left">
      			<html:errors  property="villeArrive"/>
			</div>
				<label for="arrivee"><span class="label2"><bean:message key="ajout.villeArrive"/></span></label>
				<html:text name="ajoutForm" property="villeArrive" styleClass="champ-texte" errorStyle="border-color: red;"></html:text>
			</div>
		</div>
		<input type="image" class="add-track" src="images/boutons/bt_valider.jpg" alt="ajouter trajet" />
</html:form>
<div style="color:red" align="left">
      			<html:errors  property="ajoutEchec"/>
			</div>
</div>